@charset "gb2312";

*{	margin: 0;	padding: 0;	text-decoration: none;	list-style: none;  font-family:"微软雅黑","Microsoft Yahei"; }
body {behavior:url("csshover3.htc");} 
body{font-size:14px;color:#333333; font-family:"微软雅黑","microsoft Yahei","Courier New",Courier,monospace;padding:0px;margin:0px auto;line-height:30px; background-color:#FFF; overflow-x: hidden; width:;}
a{ color:#333333; text-decoration:none;}
a:hover{color:#0073DD;text-decoration:none}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	zoom: 1;
}
.c{ clear:both;}
.box{
	margin: 0 auto;
	width: 1200px;
}
a{
    text-decoration: none;
}

.mcon tr:hover{color:#c20a14;}
.imgZoom { overflow:hidden; }
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; max-width:99%;}
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
img{ border:0; height:auto;}
/*banner*/
#banner{
    width:99.8% ;
    position: relative;
}
#banner ul{
    overflow: hidden;
    margin-bottom: 0;
}
#banner ul li{
    list-style: none;
    display: none;
}
#banner img{
    width:99.9% ;
}
#p{
    width: 90px;
    position: absolute;
    left: 48%;
    bottom: 3%;
}
#p p{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1c67c4;
    float: left;
    margin-left: 10px;
}
#p p:nth-child(1){
    margin-left: 0;
}
#p .on{
    background: #fff;
}
#left{
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: 5%;
    top: 45%;
    display: none;
    text-decoration: none;
}
#right{
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    right: 5%;
    top: 45%;
    display: none;
    text-decoration: none;
}
/*banner*/
.head{
    background: #fff;
	border-bottom:1px solid #ccc;
    padding: 5px 0;
}
.head p{
    float: left;
    font-size: 15px;
    color: #666;
}
.head .box div{
    float: right;
}
.head a{
    display: block;
    float: left;
    font-size: 15px;
    color: #666;
    margin-right: 10px;
}
.logo{
    float: left;
}
.tel{
    float: right;
	background:url(../images/tel.jpg) no-repeat 0 10px;
}
.tel p{
    float: right;
	padding-left:40px;
    font-size:24px;
	color:#0c5cc8;
	font-weight:bold;
}

.header{
    padding: 35px 0;
}
.nav{
    background:#0073DD;
    height: 60px;
}
.nav ul li{
    float: left;
    width: 14.2%;
    text-align: center;
    line-height: 60px;
    background: url(../images/navl.png) right 25px no-repeat;
}
.nav ul li a{
    display: block;
    height: 60px;
    line-height: 60px;
    color: #fff;
	font-size:16px;

}
.nav ul li a:hover{
	font-size:18px;
}
.a{
    background: none!important;
}
.m6,.m8,.msp{ margin-bottom:60px;}

.m1t{text-align:center; margin-bottom:40px;}
.m1t h2{ font-size:34px; margin-bottom:10px;}
.m1t span{ text-transform:uppercase; font-size:10px; font-family:Arial, Helvetica, sans-serif; line-height:16px; color:#999999;}
.m1t p{  height:26px; line-height:26px; font-size:16px;}
/*产品展示*/
#oranger{ width:99.9% ; margin: 18px auto; margin-bottom: 36px;}
#oranger a { width: 10%; margin: 4px 4px;padding:6px 0;height:30px;display:inline-block;  line-height:30px;  text-align: center; background: #0073DD; color: white; border-radius: 4px;white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }

.m2{ margin-top:50px;}
.m2t{ position:relative; margin-bottom:30px; }
.m2t h2{ font-size:24px; font-weight:normal; margin-bottom:10px; border-left:15px #c90909 solid; padding-left:10px;}
.m2gd{ float:right; margin-top:5px;}
.line{ position:absolute; top:15px; left:150px; height:7px; width:80%; background:url(../images/m2d.png) no-repeat left center; }
#gundong1 {WIDTH:99.9% ;}
#gundong1 .content { OVERFLOW: hidden;}
#marquee1 {overflow: hidden; width:99.9%; FLOAT: left;}
#marquee1 ul {overflow: hidden;}
#marquee1 li { float: left; display:inline; margin: 0px 1% 2%; width: 31.3333%; text-align: center;overflow:hidden;  background-color:#f1f1f1; }
#marquee1 ul li .wz{ text-align:left; padding-left:20px; height:80px; }
#marquee1 ul li .wz h3{ font-size:16px; text-align:left; padding-top:10px;}

#marquee1 ul li .wz p{ line-height:22px; font-size:12px;}
#marquee1 ul li .wz span{ display:block; height:36px; width:24px; float:right;  background:url(../images/m21.png) no-repeat; background-position: 0 0; margin:20px 20px 0 0;-moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; transition:all .3s ease 0s; }
#marquee1 ul li:hover{ background-color:#0073DD; color:#ffffff;}
#marquee1 ul li:hover a{ color:#ffffff;}
#marquee1 ul li:hover .wz span{ background-position: 0 -36px; }

.mgd{ width:150px; line-height:40px; height:40px; border:1px #333333 solid; text-align:center; margin:40px auto 50px;}

/*视频*/
.msp{background:url(../images/msp.jpg) no-repeat center center; height:270px;}
.mspt{background:url(../images/mspt.png) no-repeat center center;height:220px; text-align:center; color:#ffffff; }
.mspt h2{ padding-top:150px; font-size:24px;}
.mspt p{ font-size:16px;}
.msp a{ display:block;}

/*关于*/
.m4{ }

.m41{ width:540px; float:left; margin-right:50px;}
.m41 img{ border:8px #F1F1F1 solid;}
.m42{ width:610px; float:left;}
.m42 h3{ margin-top:60px; font-size:18px;}
.m42 h3 a{ color:#fff;}
.m42 h2{ font-size:34px; font-weight:normal;}
.m42 p{ text-indent:28px; line-height:24px; margin:25px 0; border-top:1px #333333 solid; padding-top:25px;}

.m43{ clear:both; border:1px #a6a6a6 solid; overflow:hidden; margin:50px auto; background:url(../images/m1.jpg); padding:40px 0; }
.m43 li{ width:23%; float:left;  text-align:center; margin:0 1%;font-size:15px; border-left:1px #a6a6a6 solid; box-sizing:border-box;}
.m43 li:first-child{ border:0;}
.m43 li a{ display:block;}
.m43 li span{ display:block; width:53px; height:95px; background:url(../images/m4ico.png) no-repeat; margin:0 auto;-moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; transition:all .3s ease 0s;}
.m43 li p{ font-size:11px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:18px; color:#cccccc;}
.m43 li .gsjj{ background-position:0 0;}
.m43 li .qywh{ background-position:-62px 0;}
.m43 li .spzx{ background-position:-122px 0;}
.m43 li .lxwm{ background-position:-186px 0;}

.m43 li:hover .gsjj{background-position:0 -110px;}
.m43 li:hover .qywh{background-position:-62px -110px;}
.m43 li:hover .spzx{background-position:-122px -110px;}
.m43 li:hover .lxwm{background-position:-186px -110px;}

/*优势*/
.sy_ys{background:url(../images/index_31.jpg) no-repeat top center; margin-top:90px;}
.sy_ys_bt{ display:block; text-align:center; margin-bottom:25px; }
.ys_m{padding-top:40px; position: relative;}
.ad_ys{width:140px;height:140px;left: 44.2%;top: 27%;}
.s_y_01, .s_y_03{float:left;}
.s_y_02, .s_y_03{width:50%;padding-top:30px; padding-bottom:39px; color:#fff;}
.s_y_02{background:#0630B7;}
.s_y_03{background:#353535;}
.s_y_02, .s_y_04{float:right;}
.s_y_01, .s_y_04{background:#fff;width:50%;padding-top:30px; padding-bottom:39px}
.s_y_bt{padding-left:10%; font-size:32px; float:left; line-height:39px;width:90%;}
.s_y_bt img{float:left; margin-right:1%;width:73px;}
.s_y_bt span{font-weight:600;}
.s_y_01 p{width:80%; padding-left:15%;margin-top:15px; line-height:25px;}
.s_y_02 p{width:80%; padding-left:15%;margin-top:15px; line-height:25px;}
.s_y_03 p{width:80%; padding-left:15%;margin-top:15px; line-height:25px;}
.s_y_04 p{width:80%; padding-left:15%;margin-top:15px; line-height:25px;}
.ys_more{width:104px; margin:0 auto; padding-bottom:80px;}

/*案例*/
.m5{ background-color:#f1f1f1; padding-top:50px; margin-bottom:50px; overflow:hidden;}
.m5t{ width:99.9%; height:128px; background:url(../images/m5t.png) no-repeat center bottom; margin-bottom:30px;}
#gundong2 {WIDTH:99.9% ;}
#gundong2 .content { OVERFLOW: hidden;}
#gundong2 .content .left {WIDTH: 5%; DISPLAY: inline; FLOAT: left; text-align:left; padding-top:120px;}
#gundong2 .content .right {WIDTH: 5%; DISPLAY: inline; FLOAT: left;text-align:right;  padding-top:120px;}
#marquee2 {overflow: hidden; FLOAT: left; }
#marquee2 ul {float: left; overflow: hidden;}
#marquee2 li { float: left; display:inline; margin: 0px 1% 2%; width:31.33333%; text-align: center;overflow:hidden; background-color:#ffffff; -moz-box-shadow:4px 0px 5px #d9d9d9; -webkit-box-shadow:4px 0px 5px #d9d9d9; box-shadow:4px 0px 5px #d9d9d9;}
#marquee2 ul li .wz{ text-align:left; padding-left:20px; height:80px; position:relative; }
#marquee2 ul li .wz h3{ font-size:16px; text-align:left; padding-top:10px;}
#marquee2 ul li .wz p{ line-height:22px; font-size:12px;}
#marquee2 ul li .wz span{ width:34px; height:34px; display:block; position:absolute; top:-17px; right:20px;}

/*新闻*/
.xwpic {padding: 1%;float: left;width: 97%;	border: 1px solid #CCC;}
.xwpic a img {	float: left;width: ;height: 300px;}
.cpname {float: left;width: 99%;margin-top: 10px;line-height: 30px;	color: #888;}
.cpname a {	color: #333;text-decoration: none;	font-size: 1.2em;	font-weight: bold;	line-height: 45px;}
.cpname a:hover {	color: #CF0116;	text-decoration: underline;}
.xwy {	width:99.9%;}
.xwy ul {margin: 0px;	padding: 0px;list-style-type: none;}
.xwy ul li {padding: 2%; float: left;width: 41%; margin:2%; border: 1px solid #CCC;	color: #888;margin-bottom: 10px;line-height: 25px;}
.xwy ul li a {	color: #333;text-decoration: none; font-size:16px;}
.xwy ul li:hover {background-color: #F6F6F6;}
.xwy ul li span {float: right;	color: #bababa;display: block;	width:auto;text-align: center; padding-left: 15px;}

/*友链*/
.link{ padding:15px 0px;}
.link b{ color:#0c5cc8; font-size:16px;}

/*底部*/
.foot{ padding:30px 0px 0px; background-color:#0073DD; color:#fff;}
.footc{ margin:0 auto 20px;}
.foot a{ color:#fff;}
.foot a:hover{ color:#96c9ff;}
.fwx{ width:30%; float:left; text-align:right;}
.flx{ width:50%; float:left;}
.flx li{ width:50%; float:left; color:#fff; line-height:32px;}
.flx li:first-child{ width:99.9%;}
.flxt{ font-size:18px; margin-bottom:10px; font-weight:bold; color:#fff;}
.fly{ width:20%; float:left; }
.fly dl{ }
.fly dt{ font-size:16px; line-height:32px;}
.fly dd{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.bq{ border-top:1px #4366a6 solid; margin-top:20px; text-align:center; line-height:40px; color:#fff;}

.fdh{ display:none;}
.cpfl{ overflow:hidden;}
.cpfl ul{ overflow:hidden; margin:0 -1%;}
.cpfl li{ width:23%; float:left; margin:2% 1%; text-align:center;}



.list{}
.list .node{margin-bottom:8px} /* 单个文章信息 */
.list .node .title{padding-bottom:6px;padding-top:5px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#EBEBEB} /* 标题 */
.list .node .title h2{margin:0px;padding:0px;font-size:16px} /* 标题 */
.list .node .title a{border-left-width:5px;border-left-style:solid;border-left-color:#D9D9D9;padding-left:5px}
.list .node .title a:hover{text-decoration:underline}
.list .node .description{padding:8px;line-height:150%;color:#555} /* 描述 */
.list .node .description p{margin:0px;padding:0px}
.list .node .info{text-align:right;font-size:12px;line-height:20px;color:#666;padding-right:18px} /* 文章其他信息 */
.list .node .info span{color:#fa8e10;}
.info{text-align:center;line-height:30px;color:#666;padding-right:18px; border-top:1px #dddddd solid;  border-bottom:1px #dddddd solid; margin-bottom:20px;}
/*news*/
.mainn {
    margin-top: 50px;
    margin-bottom: 50px;
}
.n-news-1 {
    margin-top: 100px;
}
.cl {
    float: left;
    width: 42%;
    background-color: #f6f6f6;
    margin-right: 3%;
    padding: 30px;
}
.cll {
    margin: 20px 0;
}
.cll p {
    float: left;
}
.cll span {
    float: right;
}
.nck {
    margin-top: 40px;
    display: block;
    font-weight: bold;
    font-size: 19px;
}
.cr {
    width: 47%;
    float: left;
    position: relative;
    height: 370px;
}
.cr img {
    width:99.9% ;
    position: absolute;
    left: 0;
    top: 0;
}
.cr div {
    padding-top: 24px;
    position: absolute;
    left: 50px;
    top: -33px;
    background: #026fe6;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding: 30px;
}
.n-news-2 {
    margin-top: 100px;
    background-color: #f6f6f6;
    padding: 100px 0;
}
.cl-l {
    float: right;
    width: 42%;
    background-color: #fff;
    margin-right: 3%;
    padding: 30px;
}
.n-nav {
    background: #ccc;
}
.list-column {
    height: 14px;
    line-height: 14px;
    color: #808080;
    padding-bottom: 17px;
    padding-top: 11px;
}
.list-column a {
    text-decoration: none;
    color: #4c4c4c;
}
.list-column img{
    width: 22px;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
/*news*/
.newss{
	margin-top: 50px;
}

.news_d{
	width: 30%;
	height: 300px;
	float: left;
	margin: 2% 1.5%;
	position: relative;
	box-shadow: 0px 0px 0px #0265da;
	box-shadow: 0px 0px 0px ;
	transition: all 0.2s ease 0s;
	-webkit-transform: translateY(0px) translateX(0px);
	-o-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	-ms-transform: translateY(0px) translateX(0px);
}
  .news_d:before,
  .news_d:after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: ;
	height: 3px;
	background: #0265da;
	-webkit-transform: scaleX(0);
	-o-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transition: all 0.2s ease;
	z-index: 1;
  }
  .news_d:before {
	top: 0;
	left: 0;
	-webkit-transform-origin: 0 0;
  }
  .news_d:after {
	bottom: 0;
	left: 0;
	-webkit-transform-origin:  0;
  }
  .news_d:hover {
	box-shadow:20px 20px 0px #818181;
	-webkit-transform: translateY(-10px) translateX(-10px);
	-o-transform: translateY(-10px) translateX(-10px);
	-moz-transform: translateY(-10px) translateX(-10px);
	-ms-transform: translateY(-10px) translateX(-10px);
	transition: all 0.2s ease 0.4s;
  }
  .news_d:hover:after,
  .news_d:hover:before {
	-webkit-transform: scaleX(1);
	-o-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
  }

 .card {
	background: #f6f6f6;
	padding: 30px 35px 45px 35px;
	margin-bottom: 30px;
	border: 0px solid rgba(129, 129, 129, 0.1);
    width: 80%;
    height: 75%;
    display: block;
  }
  
  
  
 .card:before,
 .card:after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 3px;
	height: ;
	background: #0265da;
	-webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transition: all 0.2s ease 0.2s;
  }
 .card:before {
	top: 0;
	left: 0;
	-webkit-transform-origin: 0 ;
  }
 .card:after {
	top: 0;
	right: 0;
	-webkit-transform-origin: 0 0;
  }
 .card:hover:after,
 .card:hover:before {
	-webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
  }
.news_p2{
	color: #555555;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}
.news_p3{
	color: #4c4c4c;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    vertical-align: inherit;
	height: 20px;
	border-bottom: 1px solid #ccc;
    padding-bottom: 40px;
}
.news_d2{
	margin-top: 10px;
	color: #5f5f5f;
	letter-spacing: 0.5px;
    font-size: 13px;
    line-height: 34px;
    font-weight: 300;
    color: #999999;
}
.news_d a{
	text-decoration: none;
}

.mat{ margin-bottom:30px; text-align:center;}
.mat h2{ font-size:34px;  line-height:50px;}
.mat p{ text-transform:uppercase;}
.mat div{ width:30px; height:3px; background-color:#0c5cc8; margin:10px auto;}
.mat h2 span{ color:#c20a14;}

/*page*/
.i5upage li { list-style-type:none; float:left; } /*如分页代码变成楼梯错位，加上这句即可*/
.i5upage{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; margin-bottom:25px; }
.i5upage a,.i5upage span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.i5upage a:hover, .i5upage a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.i5upage input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */

/*sitepath*/
.nnav{
    border-bottom: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    margin-top: 40px;
    margin-bottom: 20px;
}
/*article*/
.apa1{
    text-align: center;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    display: table;
    margin: 0 auto;
    padding: 5px 10px;
    margin-bottom: 15px;
}
.syp{
    margin-top: 6%;
    width: 50%;
    float: left;
	font-size:16px;
}
.syp p{
    float: left;
}
.syp a{
    text-decoration: none;
    color: #000;
}

.xyp p{
    float: left;
}
.xyp a{
    text-decoration: none;
    color: #000;
}
.xyp{
    float: right;
    margin-top: 6%;
	font-size:16px;
}
.tjcp_d {
    float: left;
    width: 23%;
    margin-right: 2%;
}
.tjcp_d img {
    width: 99.9%;
}
.tjcp_d p {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}
.aps1{
    margin: 20px 0;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    padding-left: 40px;
    padding-bottom: 5px;
    background: url(../images/names1.png) rgb(230, 230, 230) no-repeat;
    color: #fff;
    width: 96%;
}
.ndiv {
    width: 45%;
    float: left;
    margin: 10px;
}
.ndiv p {
    padding-left: 20px;
    position: relative;
	font-size:16px;
}
.ndiv p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 40%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ccc;
}
.ai{
    line-height: 2;
    margin-top: 40px;
}
.ai .con{
    line-height: 2;
    margin-top: 40px;
	font-size:16px;
}


.tabpanel_div {
    width: 30%;
    text-align: center;
    border: 1px solid #f2f2f2;
    margin-bottom: 3%;
    margin-right: 0.5%;
    margin-left: 1.8%;
    float: left;
    position: relative;
    overflow: hidden;
}
.tabpanel_div img {
    width: 99.9%;
    cursor: pointer;
    transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
}
.tabpanel_a {
    color: #000;
    display: block;
    margin-top: 2%;
    text-decoration: none;
}
.tabpanel_a p {
    margin: 5px 0 7px 0;
}
.main{
    margin-top: 40px;
}
/*channel*/
.nprod{
    margin: 60px 0;
}
.npr .cle{
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    float: left;
    width:99.9% ;
    margin-bottom: 40px;
}
.npr .cle p{
    float: left;
    height: 40px;
    padding-left: 50px;
    background: url(../images/procen1.png) no-repeat;
    color: #00132b;
    font-size: 24px;
    font-weight: bold;
}
.npr .cle a{
    display: block;
    float: right;
    color: #00132b;
    font-size: 20px;
}
.noo{
    float: left;
    width: 24%;
    margin-right: 1.33%;
    background: #f3f3f4;
    border-bottom: 2px solid #f3f3f4;
    transition: 1s;
}
.noo:nth-child(5){
    margin-right: 0;
}
.noo img{
    width: 99.9%;
}
.np1{
    text-align: center;
}
.nab{
    font-size: 26px;
    text-align: center;
    text-align: center;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
    font-weight: bold;
    margin: 20px 0;
}
.nabout{

    margin-bottom: 50px;
	font-size:16px;
}
.nabout{ 
        line-height:30px;}
/*about*/
.aboutthree ul li {
    float: left;
    position: relative;
    width: 27%;
    margin-bottom: 4%;
    margin-left: 70px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}
.aboutthree ul li .aboutthreebox {
    position: absolute;
    transition: all 0.5s linear;
    left: 0px;
    top: 0%;
    width: ;
    height: ;
    background: #e4e4e4;
    padding-top: 75px;
}
.aboutthree ul li .aboutthreebox i {
    clear: both;
    display: block;
    text-align: center;
    width: 80px;
    margin-bottom: 40px;
    margin: 10px auto;
}
.aboutthree ul li .aboutthreebox span {
    clear: both;
    display: block;
    text-align: center;
    font-size: 35px;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
    font-weight: bold;
}
.aboutthree ul li .aboutthreebox p {
    clear: both;
    display: block;
    text-align: center;
    font-size: 20px;
    font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
    font-weight: bold;
    margin-top: 40px;
}
.aboutthree ul li .aboutthreepic {
    clear: both;
    display: block;
}
.aboutthree ul li:hover .aboutthreebox {
    top: -130%;
    transition: all 0.5s linear;
}
.aboutthree ul li img{
    width:99.9% ;
}
.aboutthree ul li:nth-child(4){
    margin-left: 22%;
}
/*lxwm*/

.cont-show {
    clear: both;
    overflow: hidden;
    margin: 40px auto;
}
.cont-show h1 {
    color: #000;
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    height: 67px;
    line-height: 45px;
}
.cont-show b {
    display: block;
    color: #E5E5E5;
    font-size: 40px;
    text-align: center;
    margin: 0 0 5px;
}
.cont-way {
    clear: both;
    overflow: hidden;
    padding-bottom: 80px;
}
.way-info {
    float: left;
    width: 50%;
}
.way-info h2 {
    color: #333;
    font-size: 18px;
    margin-bottom: 30px;
}
.way-info p {
    line-height: 30px;
    color: #676767;
    font-size: 18px;
    margin-bottom: 10px;
}
.way-info p img {
    margin-right: 10px;
    float: left;
}
.way-con {
    clear: both;
    overflow: hidden;
    padding-top: 50px;
    margin-top: 40px;
    border-top: 1px solid #EEE;
}
.way-con b {
    display: block;
    color: #676767;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    margin: 10px 0;
}
.way-con a {
    display: block;
    overflow: hidden;
    color: #FFF;
    font-size: 14px;
    width: 125px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
    background-color: #0166da;
}


.way-map {
    float: right;
    width: 40%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
#allmap {
    display: block;
    width:99.9% ;
    height: 460px;
    border-radius: 50%;
}

.bos{
    width: 1200px;
    margin: 0 auto;
    line-height: 2;
}




.nl_bg {
    background: #f3f3f4;
    overflow: hidden;
}
.ab_m3 {
    max-width: 1200px;
    margin: 50px auto 50px;
    overflow: hidden;
}
.ab_m3 dl {
    width: ;
    padding: 20px 0 20px;
    overflow: hidden;
}
.ab_m3 .l {
    margin-right: 60px;
    float: left;
}
.ab_m3 dl dt {
    width: 50%;
    overflow: hidden;
}
.ab_m3 dl dt img {
    width:99.9% ;
    height: auto;
}
.ab_m3 dl dd {
    padding: 80px 0 0;
}
.ab_m3 dl dd h2 {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #00132b;
}
.ab_m3 dl dd p {
    margin: 10px auto 0;
    line-height: 2;
}
.ab_m3 {
    max-width: 1200px;
    margin: 50px auto 50px;
    overflow: hidden;
}
.ab_m3 dl {
    width: 99.9%;
    padding: 20px 0 20px;
    overflow: hidden;
}
.ab_m3 .r {
    margin-left: 60px;
    float: right;
}
.ab_m3 dl dd {
    padding: 80px 0 0;
}
.ab_m3 dl dd h2 {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #00132b;
}
.ab_m3 dl dd h2 a {
    color: #00132b;
}
.ab_m3 dl dd p {
    margin: 10px auto 0;
}   


.nyl{ width:50%; float:left; margin-bottom:50px;}
.nyl img{ width:; max-width:99.9%; }
.nyr{ width:45%; float:left; margin-left:4%; display:inline;}
.nyr h2{  font-size:26px; margin-bottom:30px;}
.nytel{ width:99.9%; display:inline-table; height:60px; font-size:24px; line-height:60px; color:#fff; border-radius:4px; background-color:#0c5cc8; text-align:center; overflow:hidden; text-align:center; margin-top:30px;}
.nytel a{ color:#fff;}
.nyms{ margin-top:20px; border-bottom:1px #dddddd solid; padding-top:20px; padding-bottom:20px; color:#666;border-top:2px #d10707 solid; line-height:32px; font-size:16px;}
.proonedetailfltel{clear:both; display:block; font-size:14px;color:#999; margin-top: 30px;}
.proonedetailfltel strong{font-size:30px;color:#0c5cc8;vertical-align: text-bottom;display: inline-block;}

.pro_number {
    margin-bottom: 20px;
    font-size: 18px;
    background: url(../images/number1.png) left no-repeat;
    line-height: 28px;
    padding: 2.5%;
    padding-left: 80px;
    float: left;
}
.ny_r .clearfix{
    margin-top: 40px;
}
.ny_a{
    display: block;
    width: 45%;
    height: 60px;
    border-radius: 5px;
    background: #FF0000;
    text-align: center;
    line-height: 60px;
    color: #fff;
    float: right;
    margin-top: 15px;
}
.navbar-light{
    z-index: 99;
    background: #000;
    opacity: .8;
    color: #fff;
    position: sticky;
    left: 0;
    top: 0;
}
.navbar-light a{
    display: block;
	width: 20%;
	float: left;
    color: #fff;
    text-align: center;
    line-height: 46px;
    text-decoration: none;
}
.navbar-light a:hover{
    background: #EF850B;
}
#contont5{
    margin-top: 25px;
}
.nnl{
    line-height: 2;
}

#contont h2{
    margin: 20px 0;
}

#contont2 h2{
    margin: 20px 0;
}

#contont3 h2{
    margin: 20px 0;
}
.mni{
    line-height: 2;
}
.mni img{ max-width:99.9%;}
.nbanner img{
    width: 99.9%;
}
table{
    border-collapse:collapse ;
}